
;
$(function () {
  $("header").load("./header.html", () => {

  });
  $("footer").load("./footer.html", () => {

  });
  //  页面记载就要 得到id ,把id发送到后台等到该id对应的数据,
  let pid = location.search.split("?")[1].split("=")[1];
  //在把数据渲染到页面
  $.get(`./api/goodsinfo/${pid}`).then((res) => {
    //把服务器那边得到数据,藏起
    $("#form")[0].dataInfo = res[0];
    // console.log(res[0]);

    //绑定大图
    $("#middleImg").find('img').attr("src", res[0].p_img_index);
    $("#bigImg").attr("src", res[0].p_img_index);
    //绑定小图
    var sImgHtml = ``;
    res[0].P_imgs.forEach((el, index) => {
      sImgHtml +=`<li><img src='${res[0].P_imgs[index]}'></li>`;
    })
    $("#small ul").html(sImgHtml);
    // 商品名称
    $("#p_name").text(res[0].p_name);
    //size
    var sizeHtml = ``
    res[0].p_size.forEach((el, index) => {
      if (index == 0) {
        sizeHtml += `<i class='sel current'>${el}</i> `
      } else {
        sizeHtml += `<i class='sel'>${el}</i> `
      }
    })
    $("#p_size").html(sizeHtml)
    //价格
    $("#p_price").text(res[0].p_price)
    //color
    var colorHtml = ``
    res[0].p_colors.forEach((el, index) => {
      if (index == 0) {
        colorHtml += `<i class='color current'>${el}</i> `
      } else {
        colorHtml += `<i class='color'>${el}</i> `
      }
    })
    $("#colors").html(colorHtml)
  });


  //委托给当前 选中添加一个类样式
  $("#form").on("click", ".color", function () {
    $(this).addClass('current').siblings().removeClass("current")
  })
  $("#form").on("click", ".sel", function () {
    $(this).addClass('current').siblings().removeClass("current")
  })

  //委托实现数据的++ --
  $("#form").on("click", ".jian", function () {
    var num = $(this).next("#num").val();
    if (num <= 1) {
      return false;
    }
    $(this).next("#num").val(--num);
    return false;
  })
  //委托实现数量校验(0~99)
  $("#form").on("change", "#num", function () {
    let num = $(this).val();
    num = num > 1 ? (num > 100 ? 99 : num) : 1;
    $(this).val(num);
  })

  $("#form").on("click", ".add", function () {
    var num = $(this).prev("#num").val();
    $(this).prev("#num").val(++num);
    return false;
  })

  //加入购物车的点击事件
  $("#form").on("click", "#Libuy", function () {
    var saveObj = $(this).parents("#form")[0].dataInfo;
    delete (saveObj.P_imgs)
    delete (saveObj.p_colors);
    saveObj.p_size = $("#sub #p_size").find('.current').text();
    //给saveObj绑定购买数量
    saveObj.p_number = $("#num").val();
    //得到当前登录着的u_id
    // console.log(JSON.parse(localStorage.getItem("users")));
    if(!JSON.parse(localStorage.getItem("users"))){
      layer.msg("请先登录");
      return ;
    }
    saveObj.u_id = JSON.parse(localStorage.getItem("users")).u_id;

    $.ajax({
      url: "./api/addcart",
      type: "post",
      data: saveObj
    }).then(function (res) {
      layer.msg(res.msg)

    })
  })


  //立即购买的点击事件
  $("#form").on("click", "#shop", function () {
    $("#Libuy").trigger("click");
    //只能跳出一层
    if(!JSON.parse(localStorage.getItem("users"))){
      layer.msg("请先登录");
      return ;
    }
    setTimeout(() => {
      location.href = "./shopping.html";
    }, 2000);
  })




});